<div class="about-1 about-top">
    <div class="page-width">
       <div class="ab-contact">
        <div class="ten-title">
          <h2 class="title">
            {{ section.settings.title | escape }}
          </h2>
         <div class="contact-content">
            {%- if section.settings.richtext != blank -%}
            {{ section.settings.richtext }}
         {% endif %}
         </div>
       </div>
       <ul class="ten-content grid grid--3-col-tablet">
        {%- for block in section.blocks -%}
          <li class="multicolumn-list__item">
            {%- if block.settings.text != blank -%}
            <div class="text">{{ block.settings.text }}</div>
            {%- endif -%}

          {%- if block.settings.richtext != blank -%}
          <div class="richtext">{{ block.settings.richtext }}</div>
           {%- endif -%}
          </li>
        {%- endfor -%}
        </ul>
       </div>
    </div>
</div>

{% schema %}
{
  "name": "About 1",
  "tag": "section",
  "class": "spaced-section spaced-section--full-width about-first",
  "settings": [
  {
    "type": "text",
    "id": "title",
    "default": "Multicolumn",
    "label": "t:sections.multicolumn.settings.title.label"
  },
  {
    "type": "richtext",
    "id": "richtext",
    "label": "Content"
   }
  ],
  "blocks": [
    {
        "type": "about",
        "name": "about",
        "settings": [
        {
            "type": "text",
            "id": "text",
            "default": "text",
            "label": "text"
        },
        {
            "type": "richtext",
            "id": "richtext",
            "label": "Description"
        }
        ]
    }
    ],
  "presets": [
    {
      "name": "About 1"
    }
  ]
}
  {% endschema %}